<header>
	<div class="header-div">
		<!--logo-->
		<a href="/" class="logo">
			<img src="/webSite/images/logo.png">
		</a>
		<!--nav-list-->
		<nav>
			<a href="/">首页</a>
			<a href="/article">文章</a>
			<a href="/plug-in">js插件</a>
			<a href="/gossip">说说</a>
			<a href="/message">留言</a>
		</nav>
		<!--user-info-->
		<%/* if (user) { %>
			<div class="user-info">
				<a href="/logout" class="user-name">退出</a>
			</div>
			<div class="user-info">
				<span href="" class="user-logo"></span>
				<a href="" class="user-name"><%= user.name %></a>
			</div>
		<% } else { %>
			<a href="/login">登录</a>
			<a href="/register">注册</a>
		<% } */%>
		<a href="javascript:;" class="search-show-btn">
			<i class="iconfont">&#xe609;</i>
		</a>
	</div>
</header>
<!--搜索框-->
<!--遮罩-->
<div class="mask">
	<div class="search">
		<label class="label">请输入您要搜索的关键词</label>
		<div class="input-div">
			<form action="/search" method="post" class="search-form">
				<input type="text" name="keyword"/>
				<div class="select">
					<span class="select-val">文章</span>
					<ul>
						<li>文章</li>
						<li>插件</li>
					</ul>
				</div>
			</form>
		</div>
		<span class="tishi">按回车键开始您的搜索,点击右上角按钮关闭搜索</span>
	</div>
	<!--关闭按钮-->
	<a href="javascript:;" class="search-close">
		<i class="iconfont">&#xe600;</i>
	</a>
</div>